<nav id="main-navigation" class="navbar navbar-fixed-top navbar-inverse">
  <div class="container-fluid">

    <div class="navbar-header">
      <a class="navbar-brand" ng-href="/">课后网</a>
    </div>

    <div class="collapse navbar-collapse">

      <ul id="nav-function" class="nav navbar-nav">
        <li ng-repeat="functionItem in functionNavItems" ng-class="{'active': functionItem.active}">
          <a ui-sref="{{ functionItem.uiSerf }}" >{{ functionItem.label }}</a>
        </li>
      </ul>
      <ul class="nav navbar-nav navbar-right">
        <li class="dropdown">
          <span class="dropdown dropdown-toggle" data-toggle="dropdown" >
            <img class="img-circle" ng-src="image/head_image/{{personalInfo.head_image}}" alt="头像" style="width: 30px;height: 30px;margin-top: 1em;margin-bottom: 1em"/>
            <span class="glyphicon glyphicon-list" style="color: #f5f5f5;margin-right: 2em;"></span>
          </span>
          <ul id="login-state-navbar" class="dropdown-menu navbar-inverse" role="menu" style="width: 8em; background-color: #dcdcdc">
            <li><a ui-sref="lesson.list.all"><span class="glyphicon glyphicon-pencil"></span>课程列表</a></li>
            <li><a ui-sref="personal.info.profile" href="#/personal/info/profile"><span class="glyphicon glyphicon-cog"></span>个人设置</a></li>
            <li class="divider"></li>
            <li><a href="{{logoutUri}}"><span class="glyphicon glyphicon-log-out"></span>退出</a></li>
          </ul>
        </li>
      </ul>

    </div>
  </div>
</nav>